/**
 * SPDX-FileCopyrightText: 2023-2025 Sangfor Technologies Inc.
 * SPDX-License-Identifier: Mulan PSL v2
 */
<template>
    <div class="image-manager-wrapper">
        <page-title :title-name="title" />
        <flow-image-table />
    </div>
</template>

<script >
import { encodeDate } from 'src/util/format';
import pageTitle from '../common/page_title/page_title.vue';

import flowImageTable from './component/image_table.vue';

export default{
    components:{
        pageTitle,
        flowImageTable
    },
    data() {
        return {
            title: _('镜像管理')
        }
    },
    methods:{
         encodeTime (time) {
            return encodeDate(time);
        }
    }
};
</script>

<style lang="less">
.image-manager-wrapper{
    height: 100%;
    background: #fff;
    .image-source__tab{
        height: 100%;
        margin: 0 0 0px 8px;
        .sfv-tabpanel_wrap{
            height: calc(100% - 88px);
            .tabpanel-body-item{
                height: 100%;
            }
        }
    }
    .image-manager__tab{

    }
    .image-manager-container {
        height: 100%;
        padding: 0 10px;
        .table-data{
            height: 100%;
            .sfv-grid{
                border: none;
                height: 100%;
                display: flex;
                flex-direction: column;
                .sfv-table{
                    flex: 1;
                }
            }
        }
    }
}




</style>
